<template>
    <div class="header-box">
        <header class="header">
            <header-top></header-top>
            <header-nav></header-nav>
        </header>
        <header-swiper></header-swiper>
    </div>
     
</template>

<script setup lang="ts">
import HeaderTop from "./HeaderTop.vue";
import HeaderNav from "./HeaderNav.vue";
import HeaderSwiper from "./HeaderSwiper.vue";
</script>

<style scoped lang="scss">
.header {
    background-color: rgba($color: #fff, $alpha: 0.8);
    position: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px;
  
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 999;
   
} 
</style>